<template>
    <div id="app">
        <Searchbox/>
        <div class="content">
            <MustSeePlay/>
            <WonderfulShow/>
        </div>
       <Footer/>
    </div>
</template>

<script>
import Searchbox from "../components/choiceness/Searchbox"
import Footer from "../components/Footer.vue";
import MustSeePlay from "../components/DramaMusical/MustSeePlay.vue";
import WonderfulShow from "../components/DramaMusical/WonderfulShow.vue";
export default {
  name: "Drama",
  components: {
    Searchbox,Footer,MustSeePlay,WonderfulShow
  }
};
</script>


<style scoped>
#app{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.content{
    flex: 1;
    overflow-y:auto; 
}
</style>
